
// ==========================================================================
// Hide content accessibly mixin
// Hides content in a way that makes it still accessible to screen readers
// From https://make.wordpress.org/accessibility/handbook/markup/the-css-class-screen-reader-text/
// ==========================================================================

@mixin hide-content-accessibly {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}
